@charset "utf-8";
@import url("../SOURCES/Glacial_Indifference_Bold/stylesheet.css");

        #navegador ul {
            list-style-type: none; 
            background-color: #FF6262; 
            display: flex; 
            align-items: center; 
            padding: 0; 
            margin: 0; 
            width: 100%;
			gap: 30px;
        }
        #navegador li {
            margin: 0 70px; 
        }
        #navegador li img {
            margin-right: 20px; 
        }
        #navegador li a {
            display: inline-block;
            padding: 10px 20px; 
            color: #FFFFFF; 
            background-color: #FF6262; 
            text-decoration: none; 
            border-radius: 50px; 
            font-size: 18px; 
			font-weight: bold;
            transition: background-color 0.3s ease; 
        	font-family: "Glacial-Indifference-Bold";
        }
        #navegador li a:hover {
            background-color: #202284; 
            color: #FFFFFF; 
        }
		.content {
    flex: 1; 
}
	body {
		background-image: url(../SOURCES/Images/CAMPO.jpg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 100%;
		margin: 0;
	}
	  
	  #datasquare {
		  background: white;
		  margin: 30px 30px 30px 20px;
		  width: 50%;
		  height: 670px;
		  padding: 0px;
		  justify-content: center;
	  }
	  
	  .imagesquare {
		  display: flex;
		  
	  }
	  
	  .youraccount {
    font-size: 30px;
    justify-content: center;
    background: #202284;
    color: white;
    margin: 0px; 
    padding: 0px 0;
	font-family: "Glacial-Indifference-Bold";
}

.youraccount h1 {
    margin: 0;
	justify-content: center;
	text-align: center;
	font-family: "Glacial-Indifference-Bold";
}

	  
	  .image img {
          border-radius: 50%;
   		  margin: 70px 20px;
	  }
	  
	  #textstyle {
		  color: black;
		  font-size: 18px;
		  font-weight: 300px;
		  font-family: "Glacial-Indifference-Bold";
	  }
	  
	  #textstyle p{
		  margin-left: 50px;
		  margin-bottom: 10px;
		  margin-top: 20px;
		  font-family: "Glacial-Indifference-Bold";
	  }
	  
	  #textstyle h3 button{
		  display: flex;
          padding: 15px 15px; 
          color: #FFFFFF; 
          background-color: #202284; 
          text-decoration: none; 
          border-radius: 50px; 
          font-size: 20px; 
          font-weight: bold;
          transition: background-color 0.3s ease; 
		  margin: 10px auto;
		  justify-content: center;
		  width: 20%;
		  border: none;
		  font-family: "Glacial-Indifference-Bold";
	  }
	  
	  #textstyle h3 button:hover {
		  background: #FF6262;
		  color: white;
		  font-family: "Glacial-Indifference-Bold";
	  }
	  
	  .links {
		  color: #202284;
		  text-decoration: underline;
		  text-align: center;
		  font-size: 22px;
	  }
	  
	  .links p{
		  margin: 5px auto;
		  font-family: "Glacial-Indifference-Bold";
		  
	  }
	  
	  input[type="text"], input[type="email"], input[type="password"], input[type="phone"] {
    width: 85%; 
    padding: 10px 20px; 
    border: none;
    border-radius: 50px; 
	background: #202284;
    font-size: 20px; 
    color: white; 
    transition: background-color 0.3s; 
	margin-left: 40px;
	margin-top: 0px;
	margin-bottom: 0px;	
		  font-family: "Glacial-Indifference-Bold";
}


input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="phone"]:focus {
    outline: none; 
    background: #FF6262; 
	margin-bottom: 0px;
}
.footer-bar {
    width: 100%;
    margin-top: auto; 
    background-color: #202284; 
    display: flex;
    align-items: center;
    justify-content: space-around; 
    padding: 0px 0;
}

.footer-bar ul{
	list-style-type: none; 
      background-color: #202284; 
      display: flex; 
      align-items: center; 
      padding: 0; 
      margin: 0; 
	  width: 100%;
	  gap: 20px;
}

    .footer-bar li {
      margin: 0 70px;
    }

    .footer-bar li img {
      margin-right: 10px; 
    }

.footer-bar h1{
	color: white;
	font-size: 17.4px;
	font-family: "Glacial-Indifference-Bold";
	
}

    .footer-bar li p {
      display: inline-block;
      padding: 10px 20px; 
      color: white; 
      text-decoration: none; 
      font-size: 15.7px; 
      font-weight: bold; 
		font-family: "Glacial-Indifference-Bold";
    }